<template>
  <div id="classDetail">
      <classDetailHeader :categoryList="classList"/>
      <div class="classDetailMain">
        <classInfoList />
      </div>
      <h4>实战推荐</h4>
      <classInfoIntroduce :dataList='curriculumList' />
  </div>
</template>

<script>
import  classDetailHeader from './classDetailHeader'
import classInfoList from './classInfoList'
import classInfoIntroduce from '../components/classInfoIntroduce'
export default {
  components:{
    classDetailHeader,
    classInfoIntroduce,
    classInfoList
  },
  data() {
    return {
      classList:['全部','免费课程','实战课程','金职位'],
       curriculumList:[
                {
                    id:10001,
                    className:"",
                    courseStat:'',
                    classPic:"https://img1.sycdn.imooc.com/szimg/5c0493ce000126b106000338-360-202.jpg",
                    author:"",
                    authorPic:"",
                    classTitle:"用技术打造小程序简历",
                    classRank:"入门",
                    viewsNumber:2333,
                    classDesc:"",
                    price:'1.00',
                    originalPrice:'',
                    free:false,
                    evaluate:''
                },
                {
                    id:10002,
                    className:"",
                    courseStat:'',
                    classPic:"https://img1.sycdn.imooc.com/szimg/5c0493ce000126b106000338-360-202.jpg",
                    author:"",
                    authorPic:"",
                    classTitle:"用技术打造小程序简历",
                    classRank:"入门",
                    viewsNumber:2333,
                    classDesc:"",
                    price:'1.00',
                    originalPrice:'',
                    free:true,
                    evaluate:''
                },{
                    id:10003,
                    className:"",
                    courseStat:'',
                    classPic:"https://img1.sycdn.imooc.com/szimg/5c0493ce000126b106000338-360-202.jpg",
                    author:"",
                    authorPic:"",
                    classTitle:"用技术打造小程序简历",
                    classRank:"入门",
                    viewsNumber:2333,
                    classDesc:"",
                    price:'1.00',
                    originalPrice:'',
                    free:false,
                    evaluate:''
                },
                {
                    id:10004,
                    className:"",
                    courseStat:'',
                    classPic:"https://img1.sycdn.imooc.com/szimg/5c0493ce000126b106000338-360-202.jpg",
                    author:"",
                    authorPic:"",
                    classTitle:"用技术打造小程序简历",
                    classRank:"入门",
                    viewsNumber:2333,
                    classDesc:"",
                    price:'1.00',
                    originalPrice:'',
                    free:false,
                    evaluate:''
                }
            ]
      }
    }
}
</script>

<style>
@import url('../assets/css/classDetail.css');
</style>